@charset "utf-8";

//banner栏
.banner{
    width:100%;
    background-color: #2b80da;
    .swiper-container{
        .swiper-wrapper{
            img{
               width:100%;
               display: block;
               margin: 0 auto;
           } 
        }
    }
       
}



//laya引擎
//engine部分
#engine{
    background-color: #fbfaf7;
    padding-bottom: 75px;
    padding-top: 105px;
    .left-msg{
        h1{
           color:#0078d7;
           font-size: 48px; 
           margin-bottom: 29px;
        }
        h2{
            color:#666;
            font-size: 30px;
            margin-bottom: 72px;
        }
        .enginer-into{
            margin-bottom: 75px;
        }
    }
    .myRow{
        background-image: url(../img/engine.jpg);
        background-repeat: no-repeat;
        background-position: right center;
    }
    
}

//产品优势
.layabox{
    background-color: #fff;
    padding-bottom: 75px;
    padding-top: 105px;
    .right-msg{
        h1{
           color:#8fc31f;
           font-size: 48px; 
           margin-bottom: 29px;
        }
        .layabox-into{
            margin-bottom: 25px;
            .layabox_text>p{
                display: inline-block;
                height: 60px;
                padding-top:12px;
            }
        }
    }
    .myRow2{
        background-image: url(../img/laya.jpg);
        background-repeat: no-repeat;
        background-position: left center;
    }
    
}

//产品家族
.layaHome{
    background-color: #0079d7;
    padding-bottom: 75px;
    padding-top: 105px;
    .box_height{
        height:175px;
    }
    .container{
        &>h1{
            color:#fff;
            font-size: 48px;
            margin-bottom: 29px;
        }
    }
    .box-msg{
        h1{
            color:#fff;
            
        }
        p{
            color:#fff;
        }
    }
    .box_img{
        img{
            margin-top: 30px;
        }
    }
}


//产品游戏
.layaGame{
    background-color: #fff;
    padding-bottom: 75px;
    padding-top: 50px;
    .layaHome_ban{
        .layaHome_img{
            img{
                width:100%;
            }
        }
    }
    .game_height{
        margin-bottom: 20px;
        h1{
           font-size: 36px;
           margin-top: 50px;
           display: block;
           &>span{
           display: inline-block;
           float: right;
           font-size: 14px; 
           }
        }
    }
    .game_text{
        height: 100px;
        margin-top: 30px;
        img{
            display: block;
            margin: 0 auto;
            width:100%;
        }
        &>p{
            text-align: center;
        }
    }
    
}

//友情链接
.layaLink{
    background-color: #f4f4f4;
    padding-bottom: 75px;
    padding-top: 50px;
    .link_img{
        margin-top: 30px;
        &>img{
            display:block;
            min-width: 155px;
            float: none;
        }
    }
    
}
@media (min-width:1200px){
    .myNav{
        width:1000px;
    }
    .w1000{
        width:1000px;
    }
    .w10002{
        width:768px;
    }
    
}

@media (max-width:768px){
    .layabox .myRow2{
        background-image: none;
    }
}
//媒体查询
@media (max-width:992px){
    //当屏幕小于992的时候，图片隐藏
    #engine .myRow{
        background-image: none;
    }
}

@media (max-width:992px){
    .layaGame{
        .layaHome_ban{
            .layaHome_img{
                img{
                    width:100%;
                }
            }
            .game_text{
                height: 150px;
                img{
                    width:90%;
                }
            }
        }
    }
}




@media (max-width:480px){
    //当屏幕小于480px的时候
    #engine{
        padding-top: 15px;
        padding-bottom: 10px;
        .left-msg{
            h1{
               color:#0078d7;
               font-size: 36px; 
               margin-bottom: 29px;
            }
            h2{
                color:#666;
                font-size: 26px;
                margin-bottom: 30px;
            }
            .enginer-into{
                margin-bottom: 20px;
                img{
                    display: table-cell;
                }
            }
        }
    }
    
    
    //layabox
    .layabox{
        background-color: #fff;
        padding-bottom: 20px;
        padding-top: 10px;
        .right-msg{
            h1{
               color:#8fc31f;
               font-size: 36px; 
               margin-bottom: 29px;
            }
            .layabox-into{
                margin-bottom: 25px;
                .layabox_text>p{
                    display: inline-block;
                    height: 60px;
                    padding-top:12px;
                }
            }
        }
        
    }
    
    //产品家族
    .layaHome{
        background-color: #0079d7;
        padding-bottom: 20px;
        padding-top: 15px;
        .box_height{
            height:125px;
        }
        .container{
            &>h1{
                color:#fff;
                font-size: 36px;
                margin-bottom: 29px;
            }
        }
        .box-msg{
            h1{
                font-size: 20px;
            }
            p{
                font-size: 14px;
            }
        }
        .box_img{
            img{
                margin-top: 20px;
            }
        }
    }
    
    //产品游戏
    .layaGame{
        padding-bottom: 15px;
        padding-top: 15px;
        .game_height{
            margin-bottom: 10px;
            h1{
               font-size: 16px;
               display: block;
               &>span{
               font-size: 12px; 
               }
            }
        }
        .game_text{
            height: 80px;
            margin-top: 10px;
            img{
                display: block;
                margin: 0 auto;
                width:80%;
            }
            &>p{
                text-align: center;
            }
        }
        
    }
    //友情链接
    .layaLink{
        background-color: #f4f4f4;
        padding-bottom: 75px;
        padding-top: 50px;
        .link_img{
            height: 50px;
            margin-top: 30px;
            width:48%;
            &>img{
                display:block;
                width:100%;
            }
        }
        
    }
    
}


